<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="./css/mui.min.css">

		<link rel="stylesheet" type="text/css" href="./css/icons-extra.css" />
		<!--App自定义的css-->

    <title></title>
		<style>
			
			.title{
				margin: 20px 15px 10px;
				color: #6d6d72;
				font-size: 15px;
			}
			
			.oa-contact-cell.mui-table .mui-table-cell {
				padding: 11px 0;
				vertical-align: middle;
			}
			
			.oa-contact-cell {
				position: relative;
				margin: -11px 0;
			}
	
			.oa-contact-avatar {
				width: 75px;
			}
			.oa-contact-avatar img {
				border-radius: 50%;
			}
			.oa-contact-content {
				width: 100%;
			}
			.oa-contact-name {
				margin-right: 20px;
			}
			.oa-contact-name, oa-contact-position {
				float: left;
			}
			.mui-table-view-cell .skill{
				font-size: 14px;
				margin: -12px -100px -12px 0!important;
				white-space: normal!important;
			}
			.mui-table-view-cell .project{
				font-size: 14px;
				white-space: normal!important;
			}
			.mui-content-padded p img{
				width: 300px;
				height: 245px;
			}
			.canel_select{
				display: none;
				width: 100px;
				height: 30px;
				position: absolute;
				left: 50%;
				bottom: 10%;
				margin-left: -50px;
				z-index: 10000;
			}
			#bcid{
				position: absolute;
				top: 0;
			}

		</style>
</head>
<body>
	 
	
	
	<button class="canel_select">取消扫描</button>
	<div id="bcid"></div>
	<header class="mui-bar mui-bar-nav">
			<a class="mui-icon-extra mui-icon-extra-sweep mui-pull-left" style="padding: 10px;font-size: 20px;"></a>
			<a class="mui-icon mui-icon-camera mui-pull-right" onclick="captureImage()"></a>
			<h1 class="mui-title">个人简历</h1>
		</header>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item mui-active" href="#tabbar">
				<span class="mui-icon mui-icon-paperclip"></span>
				<span class="mui-tab-label">skill</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-chat">
				<span class="mui-icon mui-icon-settings"></span>
				<span class="mui-tab-label">work</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-contact">
				<span class="mui-icon mui-icon-list"></span>
				<span class="mui-tab-label">project</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-map">
				<span class="mui-icon mui-icon-person"></span>
				<span class="mui-tab-label">me</span>
			</a>
		</nav>
		<div class="mui-content">
			<div id="tabbar" class="mui-control-content mui-active">


				<ul class="mui-table-view mui-table-view-chevron">

				</ul>
			
			</div>
			<div id="tabbar-with-chat" class="mui-control-content">
				<div class="mui-content">
					
					<div class="mui-card">
						<div class="mui-card-header">工作经历</div>
						<div class="mui-card-content">
							<div class="mui-card-content-inner">
								本人毕业于2015年6月，至今已从事前端工作2年，在这2年的工作中学习到了很多，以下是我工作的具体内容。
							</div>
						</div>
						<div class="mui-card-footer">2017.6.15</div>
					</div>
					<div class="mui-card"></div>
					<div class="mui-card"></div>
				</div>
			</div>
			<div id="tabbar-with-contact" class="mui-control-content">
				<div class="title" style="text-indent: 2em;">在过去的2年中，参与过挺多项目的开发，其中令我收货颇丰的项目是以下几个。</div>
				<ul class="mui-table-view"></ul>
			</div>
			<div id="tabbar-with-map" class="mui-control-content">
				<div class="mui-content">
					<div class="mui-content-padded"></div>
				</div>
			</div>
		</div>
</body>
<script src="./js/mui.min.js"></script>
<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/index.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    	
		// 扩展API加载完毕，现在可以正常调用扩展API

		var scan = null;
		function onmarked( type, result ) {
			var text = '未知: ';
			switch(type){
				case plus.barcode.QR:
				text = 'QR: ';
				break;
				case plus.barcode.EAN13:
				text = 'EAN13: ';
				break;
				case plus.barcode.EAN8:
				text = 'EAN8: ';
				break;
			}
			alert( text+result );
		}
		function startRecognize() {
			scan = new plus.barcode.Barcode('bcid');
			scan.onmarked = onmarked; 
			scan.start();
		}
		function captureImage(){
			var cmr = plus.camera.getCamera();
			var res = cmr.supportedImageResolutions[0];
			var fmt = cmr.supportedImageFormats[0];
			
			cmr.captureImage( function( path ){
					alert( "Capture image success: " + path );  
			},
				{resolution:res,format:fmt}
			);
		}
		
    </script>
</html>